<template>
    <el-checkbox v-model="checkedValue" @chane="$emit('update:value', checkedValue)">
        <slot></slot>
    </el-checkbox>
</template>

<script>
import { isArray } from 'lodash';
import { defineComponent, ref, reactive, nextTick, onMounted, toRaw, toRefs, watch, computed } from 'vue'
import store from '../store';
export default defineComponent({
    setup() {
        const checkedValue = ref(false)
        const color = computed(() => store.getters.themeColor)
        onMounted(() => {
            const arr = document.getElementsByClassName('el-checkbox__inner')
            for (var i = 0; i <= arr.length; i++) {
                if (arr[i]) {
                    arr[i].style.borderColor = color.value
                }
            }
           
        })
        return {
            checkedValue
        }
    }
})
</script>
<style scoped lang='scss'></style>
